<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

        <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

        <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
        <link rel="stylesheet" type="text/css" href="css/common.css" />
        <title>股权宝</title>
    </head>

    <body>

        <div class="page grey">
            <div class="order-type-choose-box flex">
                <div class="order-type-choose-item onthis">律师服务</div>
                <div class="order-type-choose-item">秘书服务</div>
            </div>
            <div class="order-list-box" id="list">
                <div class="list-content-box">
                    <div class="list-order-box">
                        <div class="list-order-box-title flex">
                            <div>订单号: 786643533</div>
                            <div>正在帮您服务</div>
                        </div>
                        <div class="list-content-item flex">
                            <img src="images/list_demo.png" alt="" />
                            <div class="list-content-item-info">
                                <div class="list-content-item-name">企业并购股权安排咨询企业并购股权安排咨询</div>
                                <div class="list-content-item-label flex">
                                    <span>非诉讼</span>
                                    <span>公司治理</span>
                                </div>
                                <div class="list-content-item-price">￥<b>10000</b>元</div>
                            </div>
                        </div>
                        <div class="list-content-item flex">
                            <img src="images/list_demo.png" alt="" />
                            <div class="list-content-item-info">
                                <div class="list-content-item-name">企业并购股权安排咨询企业并购股权安排咨询</div>
                                <div class="list-content-item-label flex">
                                    <span>非诉讼</span>
                                    <span>公司治理</span>
                                </div>
                                <div class="list-content-item-price">￥<b>10000</b>元</div>
                            </div>
                        </div>
                        <div class="list-order-box-total flex">
                            <p>共<span>2</span>件产品 合计：¥<b>20000</b>.00</p>
                            <div class="order-state-box">进行中</div>
                        </div>
                    </div>
                    <div class="list-order-box">
                        <div class="list-order-box-title none flex">
                            <div>订单号: 786643533</div>
                            <div>服务结束</div>
                        </div>
                        <div class="list-content-item flex">
                            <img src="images/list_demo.png" alt="" />
                            <div class="list-content-item-info">
                                <div class="list-content-item-name">企业并购股权安排咨询企业并购股权安排咨询</div>
                                <div class="list-content-item-label flex">
                                    <span>非诉讼</span>
                                    <span>公司治理</span>
                                </div>
                                <div class="list-content-item-price">￥<b>10000</b>元</div>
                            </div>
                        </div>
                        <div class="list-order-box-total flex">
                            <p>共<span>1</span>件产品 合计：¥<b>10000</b>.00</p>
                            <div class="order-state-box none">已完成</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-list-box" id="secretary" style="display: none;">
                <div class="secretary-list-box">
                    <div class="secretary-list-item pay">
                        <div class="flex">
                            <div class="secretary-list-item-info">
                                <div class="secretary-list-item-name">股权相关协议模板</div>
                                <div class="secretary-list-item-cont">不同合作方式涉及到不同的项目内容</div>
                                <div class="secretary-list-item-price">￥<span>49.9</span></div>
                            </div>
                            <div class="order-state-box">待支付</div>
                        </div>
                    </div>
                    <div class="secretary-list-item free">
                        <div class="flex">
                            <div class="secretary-list-item-info">
                                <div class="secretary-list-item-name">股权相关协议模板</div>
                                <div class="secretary-list-item-cont">不同合作方式涉及到不同的项目内容</div>
                                <div class="secretary-list-item-label flex"><span>免费</span></div>
                            </div>
                            <div class="order-state-box">进行中</div>
                        </div>
                    </div>
                    <div class="secretary-list-item pay">
                        <div class="flex">
                            <div class="secretary-list-item-info">
                                <div class="secretary-list-item-name">股权相关协议模板</div>
                                <div class="secretary-list-item-cont">不同合作方式涉及到不同的项目内容</div>
                                <div class="secretary-list-item-price">￥<span>49.9</span></div>
                            </div>
                            <div class="order-state-box none">已完成</div>
                        </div>
                    </div>
                </div>
                <div class="order-nothing-box">
                    <img src="images/nothing.png" width="100%" alt="" />
                    <p>暂无订单</p>
                </div>
            </div>
        </div>

        <script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $('.order-type-choose-item').click(function (e) {
                $('.order-type-choose-item').removeClass('onthis');
                $(this).addClass('onthis');
                $('.order-list-box').hide();
                if ($(this).index() == 0){
                    $('#list').show();
                } else {
                    $('#secretary').show();
                }
            });
        </script>
    </body>
</html>